<%--
  Created by IntelliJ IDEA.
  User: LSK
  Date: 2022/11/23
  Time: 18:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>热点</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/hot.css">
    <!-- 导入 layui -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
    <script src="${pageContext.request.contextPath}/layui/layui.js"></script>
    <script src="${pageContext.request.contextPath}/layer.js"></script>
</head>
<body>
<div class="layui-container header">
    <div class="layui-row ">
        <div class="layui-col-md3">
            <img src= "images/logo.png" alt="">
            <p class="logo_font">IRON电影</p>
        </div>
        <div class="layui-col-md5">
                <span class="layui-breadcrumb " lay-separator="  " >
                    <a href="http://localhost:8080/demo/product">首页</a>
                      <a href="http://localhost:8080/demo/film">电影</a>
                    <a href="https://www.bilibili.com/">体育</a>
                    <a href="https://www.bilibili.com/">搞笑</a>
                    <a href="https://www.bilibili.com/">视频</a>
                    <a href="hot.jsp">热点</a>

                    <a href="movie_rank.jsp">榜单</a>
              </span>
        </div>
        <div class="layui-col-md2">
            <div class="header_user">
                <a href="personalCenter.jsp" id="header_myself"><span>个人中心</span></a>
                <a href="https://https://www.bilibili.com/"> <img id="header_myself_logo" src="./images/user.png" alt=""></a>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="wrapper">
        <div class="left-hot">

            <div class="newinfo">
                <h4>
                    <p class="left-title-1">
                        最新资讯
                        <a class="all-latest2">
                            全部
                            <span class="arrow red-arrow"></span>
                        </a>
                    </p>
                </h4>
                <div class="zone">
                    <div class="left-newinfo-1">
                        <img src="https://p0.meituan.net/moviemachine/6933c7b46e709b908b8358e630142e0b46680.jpg@230w_129h_1e_1c">
                        <p class="two-line">《沼泽深处的女孩》发“法庭陈述”片段，辩护律师灵魂拷问反击偏见</p>
                        <div class="info-container">
                            <span>皇家影院</span>
                            <span class="images-view-count view-count">9</span>
                        </div>
                    </div>
                    <div class="left-newinfo-1">
                        <img src="https://p1.meituan.net/moviemachine/68dc0177f32d4802af90f63a5507bb8199228.jpg@230w_129h_1e_1c" alt="">
                        <p class="two-line">
                            电影《放牛班的春天》4K修复版曝终极预告，爱与包容引网友共鸣
                        </p>
                        <div class="info-container">
                            <span>皇家影院</span>
                            <span class="images-view-count view-count">9</span>
                        </div>
                    </div>
                    <div class="left-newinfo-1">
                        <img src="https://p0.meituan.net/moviemachine/3183ec849482d6baa19d603ffb974874166408.jpg@230w_129h_1e_1c" alt="">
                        <p class="two-line">
                            徐峥周迅易烊千玺众影人集体发声，鱼花塘全国路演持续进行中
                        </p>
                        </p>
                        <div class="info-container">
                            <span>皇家影院</span>
                            <span class="images-view-count view-count">284</span>
                        </div>
                    </div>
                    <div class="left-newinfo-1">
                        <img src="https://p0.meituan.net/moviemachine/a58438df2adf07048d22cce72f5e9fcb130694.jpg@230w_129h_1e_1c" alt="">
                        <p class="two-line">
                            《航海王：红发歌姬》国内预售3天破千万，打响12月影市第一枪
                        </p>
                        </p>
                        <div class="info-container">
                            <span>皇家影院</span>
                            <span class="images-view-count view-count">649</span>
                        </div>
                    </div>
                    <div class="left-newinfo-1">
                        <img src="https://p0.meituan.net/moviemachine/358c61d3044b1f1bfd48cee5ecd40a7249051.jpg@230w_129h_1e_1c" alt="">
                        <p class="two-line">
                            《我们的当打之年》正在热播，徐璐陈都灵闺蜜双打励袭“上海滩”
                        </p>
                        </p>
                        <div class="info-container">
                            <span>皇家影院</span>
                            <span class="images-view-count view-count">317</span>
                        </div>
                    </div>
                    <div class="left-newinfo-1">
                        <img src="https://p0.meituan.net/moviemachine/346083953ded5a08bb5b00b244d53a961864240.jpg@230w_129h_1e_1c" alt="">
                        <p class="latest-news-title">
                        <p class="two-line">
                            IMAX发布《阿凡达：水之道》概念视觉，影史传奇回归将再掀IMAX观
                        </p>
                        </p>
                        <div class="info-container">
                            <span>皇家影院</span>
                            <span class="images-view-count view-count">582</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="left-trailer">
                <h4>
                    <p class="left-title-2">
                        预告片速递
                        <a class="all-latest">
                            全部
                            <span class="arrow blue-arrow"></span>
                        </a>
                    </p>
                </h4>
                <div class="trailer-video-box trailer-video-big">
                    <img src="https://p0.pipi.cn/friday/6b927097de5d8cac5c6b0ca25690a858.jpg?imageView2/1/w/480/h/270">
                    <div class="trailer-big-info">
                        <p class="one-line">
                            <span class="trailer-video-title">《放牛班的春天》经典电影《放牛班的春天》4K修复版曝终极预告 爱与包容引网友共鸣</span>
                        </p>
                        <p>
                            <span class="video-play-count">279</span>
                        </p>
                    </div>
                    <i class="play-icon"></i>
                </div>
                <div class="trailer-video-box">
                    <img alt="" src="https://p0.pipi.cn/friday/54293552d0ca1c80d160a5e3f471f3c0.png?imageView2/1/w/230/h/125">
                    <div class="trailer-video-info">
                        <p class="one-line">
                            <span class="trailer-video-title">《放牛班的春天》4K修复版《放牛班的春天》预售开启 音乐纯享版预告温情上线</span>
                        </p>
                        <p>
                            <span class="video-play-count">3723</span>
                        </p>
                    </div>
                    <i class="play-icon"></i>
                </div>
                <div class="trailer-video-box ">
                    <img alt="" src="https://p0.pipi.cn/friday/d68393407a2e3de9d02a2d2fc398bda4.jpg?imageView2/1/w/230/h/125">
                    <div class="trailer-video-info">
                        <p class="one-line">
                            <span class="trailer-video-title">《航海王：红发歌姬》《航海王：红发歌姬》终极预告曝光 25周年海米狂欢在即</span>
                        </p>
                        <p>
                            <span class="video-play-count">14.2万</span>
                        </p>
                    </div>
                    <i class="play-icon"></i>
                </div>
                <div class="trailer-video-box1 ">
                    <a href="http://imovie.pipi.cn/films/1205/preview?videoId=491198" target="_blank" data-act="video-click" data-val="{videoId:491198}">
                        <img alt="" src="https://p0.pipi.cn/friday/6c0b28ef3d43676525ba144c82361a40.jpg?imageView2/1/w/230/h/125">

                        <div class="trailer-video-info">
                            <p class="one-line">
                                <span class="trailer-video-title">《放牛班的春天》《放牛班的春天》经典再现 温暖师生情疗愈心灵</span>
                            </p>
                            <p>
                                <span class="video-play-count">4530</span>
                            </p>
                        </div>
                        <i class="play-icon"></i>
                    </a>
                </div>
                <div class="trailer-video-box1 ">
                    <a href="http://imovie.pipi.cn/films/1455707/preview?videoId=490949" target="_blank" data-act="video-click" data-val="{videoId:490949}">
                        <img alt="" src="https://p0.pipi.cn/friday/da9f01031f32c8b3603fb615ee9aac28.png?imageView2/1/w/230/h/125">

                        <div class="trailer-video-info">
                            <p class="one-line">
                                <span class="trailer-video-title">《航海王：红发歌姬》航海王系列电影票房冠军 《航海王：红发歌姬》国内定档12月1日</span>
                            </p>
                            <p>
                                <span class="video-play-count">52.1万</span>
                            </p>
                        </div>
                        <i class="play-icon"></i>
                    </a>
                </div>
                <div class="trailer-video-box1 ">
                    <a href="http://imovie.pipi.cn/films/78461/preview?videoId=490944" target="_blank" data-act="video-click" data-val="{videoId:490944}">
                        <img alt="" src="https://p0.meituan.net/moviemachine/27f6c7396411403e2a29b9e54fb12637837846.png@230w_125h_1e_1c">

                        <div class="trailer-video-info">
                            <p class="one-line">
                                <span class="trailer-video-title">《阿凡达：水之道》《阿凡达2》发布新电视预告，12月16日中国内地、北美等地上映</span>
                            </p>
                            <p>
                                <span class="video-play-count">34万</span>
                            </p>
                        </div>
                        <i class="play-icon"></i>
                    </a>
                </div>

            </div>


        </div>
        <div class="right-hot">
            <div class="right-text">
                <h4>
                    <p class="right-title-1">
                        热门资讯
                    </p>
                </h4>
                <ul>
                    <li class="top1-list">
                        <div>
                            <div class="top-info-thumb">
                                <img src="https://p1.meituan.net/moviemachine/2fb9aae38deea952d561c9ac7da3eda4106951.jpg@120w_72h_1e_1c" alt="">
                                <i class="red-bg ranking top-info-icon ">1</i>
                            </div>
                            <a class="top1-news-content">
                                <p class="three-line">
                                    《明日战记》举办香港群星慈善首映礼，刘嘉玲鼓励古天乐放胆去做
                                </p>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="normal-link">
                            <i class="red rank ">2</i>
                            <p class="top10-news-content">
                                <a >《新神榜：杨戬》曝系列联动彩蛋，哪吒孙悟空惊喜现身</a>
                            </p>
                        </div>
                    </li>
                    <li class="">
                        <div>
                            <div class="normal-link">
                                <i class="red rank ">3</i>
                                <p class="top10-news-content">
                                    <a >《新神榜：杨戬》发敦煌博物馆联动海报，梦幻再现国风之美</a>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="">
                        <div>
                            <div class="normal-link">
                                <i class="rank black">4</i>
                                <p class="top10-news-content">
                                    <a>《罚罪》今晚开播！黄景瑜杨祐宁正邪交锋身份三度反转</a>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="">
                        <div>
                            <div class="normal-link">
                                <i class="rank black">5</i>
                                <p class="top10-news-content">
                                    <a>电影《深海蛇难》定档8月27日，人蛇博弈狂暴来袭</a>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="">
                        <div>
                            <div class="normal-link">
                                <i class="rank black">6</i>
                                <p class="top10-news-content">
                                    <a>电影《拯救嫌疑人》发布先导海报，全阵容曝光共同“寻觅真相”</a>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="">
                        <div>
                            <div class="normal-link">
                                <i class="rank black">7</i>
                                <p class="top10-news-content">
                                    <a>《世界上最爱我的人》曝陪伴版MV，年度催泪亲情力作明日上映</a>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="">
                        <div>
                            <div class="normal-link">
                                <i class="rank black">8</i>
                                <p class="top10-news-content">
                                    <a>电影《雀斑公主》倒计时2天，元宇宙迎新派对邀您入场！</a>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="">
                        <div>
                            <div class="normal-link">
                                <i class="rank black">9</i>
                                <p class="top10-news-content">
                                    <a>《狼群》曝新预告境外势力挑衅能源命脉，张晋领衔反恐精英背水一战</a>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="">
                        <div>
                            <div class="normal-link">
                                <i class="rank black">10</i>
                                <p class="top10-news-content">
                                    <a class="four-line">青春动画大片《雀斑公主》明日上映，终极预告诠释元宇宙少女蜕变</a>
                                </p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="right-movie">
                <h4>
                    <p class="right-title-2">
                        热门预告片
                    </p>
                </h4>
                <ul>
                    <li class="top-list">
                        <div>
                            <div class="top-info-thumb">
                                <a href="http://imovie.pipi.cn/films/1455707/preview?videoId=491283" target="_blank" data-act="video-click" data-val="{videoId:491283}">
                                    <img src="https://p0.pipi.cn/friday/d68393407a2e3de9d02a2d2fc398bda4.jpg?imageView2/1/w/120/h/68" alt="">
                                    <i class="ranks top-info-icon orange-bg">1</i>
                                </a>
                            </div>
                            <div class="top5-video-info">
                                <p class="one-line">
                                    <a href="http://imovie.pipi.cn/films/1455707/preview?videoId=491283" target="_blank" data-act="video-click" data-val="{videoId:491283}">
                                        《航海王：红发歌姬》《航海王：红发歌姬》终极预告曝光 25周年海米狂欢在即
                                    </a>
                                </p>
                                <div class="video-view">
                              <span class="video-play-count1">
                                33.9万
                              </span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="top-list">
                        <div>
                            <div class="top-info-thumb1">
                                <a href="http://imovie.pipi.cn/films/78461/preview?videoId=490944" target="_blank" data-act="video-click" data-val="{videoId:490944}">
                                    <img src="https://p0.meituan.net/moviemachine/27f6c7396411403e2a29b9e54fb12637837846.png@120w_68h_1e_1c" alt="">
                                    <i class="ranks top-info-icon orange-bg">2</i>
                                </a>
                            </div>
                            <div class="top5-video-info">
                                <p class="one-line">
                                    <a href="http://imovie.pipi.cn/films/78461/preview?videoId=490944" target="_blank" data-act="video-click" data-val="{videoId:490944}">
                                        《阿凡达：水之道》《阿凡达2》发布新电视预告，12月16日中国内地、北美等地上映
                                    </a>
                                </p>
                                <div class="video-view">
                                    <span class="video-play-count1">38.9万</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="top-list">
                        <div>
                            <div class="top-info-thumb1">
                                <a href="http://imovie.pipi.cn/films/1455707/preview?videoId=490949" target="_blank" data-act="video-click" data-val="{videoId:490949}">
                                    <img src="https://p0.pipi.cn/friday/da9f01031f32c8b3603fb615ee9aac28.png?imageView2/1/w/120/h/68" alt="">
                                    <i class="ranks top-info-icon orange-bg">3</i>
                                </a>
                            </div>
                            <div class="top5-video-info">
                                <p class="one-line">
                                    <a href="http://imovie.pipi.cn/films/1455707/preview?videoId=490949" target="_blank" data-act="video-click" data-val="{videoId:490949}">
                                        《航海王：红发歌姬》航海王系列电影票房冠军 《航海王：红发歌姬》国内定档12月1日
                                    </a>
                                </p>
                                <div class="video-view">
                                    <span class="video-play-count1">55.4万</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="top-list">
                        <div>
                            <div class="top-info-thumb1">
                                <a href="http://imovie.pipi.cn/films/1359975/preview?videoId=490379" target="_blank" data-act="video-click" data-val="{videoId:490379}">
                                    <img src="https://p0.pipi.cn/friday/bd46f7c34da9f8b947a5f79948876859.jpg?imageView2/1/w/120/h/68" alt="">
                                    <i class="ranks top-info-icon grey-bg">4</i>
                                </a>
                            </div>
                            <div class="top5-video-info">
                                <p class="one-line">
                                    <a href="http://imovie.pipi.cn/films/1359975/preview?videoId=490379" target="_blank" data-act="video-click" data-val="{videoId:490379}">
                                        《扫黑行动》电影《扫黑行动》发布终极预告 正邪交锋激烈开场
                                    </a>
                                </p>
                                <div class="video-view">
                                    <span class="video-play-count1">236.6万</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="top-list">
                        <div>
                            <div class="top-info-thumb1">
                                <a href="http://imovie.pipi.cn/films/78461/preview?videoId=490670" target="_blank" data-act="video-click" data-val="{videoId:490670}">
                                    <img src="https://p0.meituan.net/moviemachine/a1764f545836e882a3987421d783d078749519.png@120w_68h_1e_1c" alt="">
                                    <i class="ranks top-info-icon grey-bg">5</i>
                                </a>
                            </div>
                            <div class="top5-video-info">
                                <p class="one-line">
                                    <a href="http://imovie.pipi.cn/films/78461/preview?videoId=490670" target="_blank" data-act="video-click" data-val="{videoId:490670}">
                                        《阿凡达：水之道》《阿凡达：水之道》官宣国内定档12月16日上映
                                    </a>
                                </p>
                                <div class="video-view">
                                    <span class="video-play-count1">44.9万</span>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <img src="${pageContext.request.contextPath}/images/footer.png">
</div>
</body>
</html>